<template>
	<!-- 卡片 -->
	<view class="card">
		<view class="f-color">——</view>
		<slot>
			<view class="card-name">{{cardTitle}}</view>
		</slot>
		<view class="f-color">——</view>
	</view>


</template>

<script setup>
	import { ref } from 'vue'
	const props = defineProps({
		cardTitle: String
	})
</script>

<style scoped>
	.card {
		display: flex;
		padding: 20rpx 0;
		justify-content: center;
		font-weight: bold;
		color: #333333;
	}

	.card-name {
		padding: 0 20rpx;
		font-size: 32rpx;

	}

	.f-color {
		color: #C0C4CC;
		font-size: 28rpx;
	}
</style>